<div class="seed-crowd-sku-page">
  <div class="crowd-sku-number">
    <span>权益{{skuNumber}}</span>
    <i (click)="deleteSku(skuNumber)"
       *ngIf="skuNumber!=1"></i>
  </div>
  <div class="crowd-sku-page"
  >
    <form [formGroup]="form">
      <ul>
        <li>
          <div class="step2-input">
            <div class="crowd-step2-clum-name">*权益名称</div>
            <div class="crowd-step2-clum-input">
              <input type="text"
                     placeholder="请输入权益名称"
                     formControlName="rightName"
                     [class.value-color]="form.controls['rightName'].value"
              >
            </div>
          </div>
          <p class="validator-style"
             *ngIf="!form.controls['rightName'].valid && !form.controls['rightName'].pristine"
          >请输入1-30字符</p>
        </li>
        <li>
          <div class="step2-input">
            <div class="crowd-step2-clum-name">*金额(元)</div>
            <div class="crowd-step2-clum-input">
              <input type="tel"
                     placeholder="请输入筹集金额"
                     formControlName="price"
                     [class.value-color]="form.controls['price'].value"
              >
            </div>
          </div>
          <p class="validator-style"
             *ngIf="!form.controls['price'].valid && !form.controls['price'].pristine"
          >请输入1-4位且不为0的数字</p>
        </li>
        <li>
          <div class="step2-input">
            <div class="crowd-step2-clum-name">*数量(个)</div>
            <div class="crowd-step2-clum-input">
              <input type="tel"
                     placeholder="请输入销售数量"
                     formControlName="quantity"
                     [class.value-color]="form.controls['quantity'].value"
              >
            </div>
          </div>
          <p class="validator-style"
             *ngIf="!form.controls['quantity'].valid && !form.controls['quantity'].pristine"
          >请输入1-3位且不为0的数字</p>
        </li>
        <li>
          <div class="step2-input">
            <div class="crowd-step2-clum-name">限购数量(个)</div>
            <div class="crowd-step2-clum-input">
              <span (click)="focusLimit()"
                    class="show-limit-data"
                    [class.value-color]="form.controls['buyTimesLimit'].value"
              >
                {{form.controls['buyTimesLimit'].value?(form.controls['buyTimesLimit'].value==0?'请输入每个用户的限购数量,默认不限购':form.controls['buyTimesLimit'].value):'请输入每个用户的限购数量,默认不限购'}}
              </span>
              <input type="tel" class="crowd-limit-number"
                     formControlName="buyTimesLimit"
                     [class.value-color]="form.controls['buyTimesLimit'].value"
                     [class.show-limit]="limitFocus"
                     (focus)="focusLimit()"
                     (blur)="blurLimit()"
              >
            </div>
          </div>
          <p class="validator-style"
             *ngIf="!form.controls['buyTimesLimit'].valid && !form.controls['buyTimesLimit'].pristine"
          >请输入1-3位且不为0的数字</p>
        </li>
        <li>
          <div class="step2-input">
            <div class="crowd-step2-clum-name">*赞助形式</div>
            <div class="sponsor-type crowd-step2-clum-input">
              <!--<select (ngModelChange)="selectSponsorType($event)"-->
                      <!--formControlName="sponsorType"-->
                      <!--[class.value-color]="form.controls['sponsorType'].value"-->
              <!--&gt;-->
                <!--&lt;!&ndash;<option value="" disabled selected style="display:none;">现金</option>&ndash;&gt;-->
                <!--&lt;!&ndash;<option value="0">现金</option>&ndash;&gt;-->
                <!--&lt;!&ndash;<option [value]="1">实物</option>&ndash;&gt;-->
              <!--</select>-->
              <select (ngModelChange)="selectSponsorType($event)"
                      formControlName="sponsorType"
                      [class.value-color]="form.controls['sponsorType'].value"
              >
                <option value="0">现金</option>
              </select>
              <i></i>
            </div>
          </div>
          <p class="validator-style"
             *ngIf="!form.controls['sponsorType'].valid && !form.controls['sponsorType'].pristine"
          >请选择赞助形式</p>
        </li>
        <li class="crowd-sku-detail-description">
          <div class="step2-input">
            <div class="crowd-step2-clum-name">回报权益</div>
            <div class="crowd-step2-clum-input">
            <textarea formControlName="rightDesc"
                      placeholder="请输入用户支持之后可获得的回报权益以及权益有效期等信息"
                      [class.value-color]="form.controls['sponsorType'].value"
            ></textarea>
            </div>
          </div>
          <p class="validator-style"
             *ngIf="!form.controls['rightDesc'].valid && !form.controls['rightDesc'].pristine"
          >请输入0-100字符</p>
        </li>
      </ul>
    </form>
  </div>
</div>
